import { app, BrowserWindow, desktopCapturer, ipcMain } from 'electron'
import { join } from 'path'
import { electronApp, is } from '@electron-toolkit/utils'
import icon from '../../resources/icons/icon.ico?asset'
import ElectronStore from 'electron-store'

app.commandLine.appendSwitch('ignore-certificate-errors')

function createWindow(): void {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 900,
    height: 670,
    show: false,
    autoHideMenuBar: true,
    title: 'DebugBox',
    icon: icon,
    webPreferences: {
      preload: join(__dirname, '../preload/index.js'),
      sandbox: false
    }
  })

  mainWindow.on('ready-to-show', () => {
    mainWindow.show()
  })

  mainWindow.webContents.setWindowOpenHandler((details) => {
    console.log(details)
    const b = new BrowserWindow({
      autoHideMenuBar: true,
      webPreferences: {
        preload: join(__dirname, '../preload/screen.js'),
        sandbox: false
      }
    })
    b.loadURL(details.url)
    return { action: 'deny' }
  })

  // mainWindow.webContents.openDevTools({ mode: 'detach' })
  // mainWindow.webContents.on('devtools-opened', () => {
  //   console.log(mainWindow.webContents.devToolsWebContents)
  //   mainWindow.webContents.devToolsWebContents?.executeJavaScript(`
  //     DevToolsAPI.enterInspectElementMode()
  //   `)
  // })

  // HMR for renderer base on electron-vite cli.
  // Load the remote URL for development or the local html file for production.
  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
    mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
  } else {
    mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
  }
}

// ipc Main.
ipcMain.handle('GET_SCREEN_SOURCE', async () => {
  const sources = await desktopCapturer.getSources({
    types: ['window', 'screen'],
    fetchWindowIcons: true,
    thumbnailSize: { width: 100, height: 100 }
  })
  return sources.map((v) => {
    return {
      id: v.id,
      appIcon: v.appIcon?.resize({ width: 20, height: 20 }).toDataURL(),
      name: v.name,
      thumbnail: v.thumbnail.toDataURL()
    }
  })
})
ipcMain.handle('GET_APP_USER_PATH', async () => {
  const path = app.getPath('userData')
  return path
})

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.whenReady().then(() => {
  // Set app user model id for windows
  electronApp.setAppUserModelId('com.electron')

  // init store for ipc handler
  ElectronStore.initRenderer()

  // Default open or close DevTools by F12 in development
  // and ignore CommandOrControl + R in production.
  // see https://github.com/alex8088/electron-toolkit/tree/master/packages/utils
  // app.on('browser-window-created', (_, window) => {
  //   optimizer.watchWindowShortcuts(window)
  // })

  createWindow()

  app.on('activate', function () {
    // On macOS it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

// In this file you can include the rest of your app"s specific main process
// code. You can also put them in separate files and require them here.
